<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Menu And TitleBar</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/materialui.css" rel="stylesheet">
		<link href="css/materialui-red.css" rel="stylesheet">
	</head>
	<body>
		<div id="wrapper">
			<div id="menu" class="menu">
				<div class="menu-heading autocolor" style="background-image:url(image/head.png)">
					<img src="">
					<p>Text</p>
				</div>
				<ul class="list">
					<li class="item">
						<a href="demo-welcome.html">
							<div class="left icon"><i class="fa fa-home"></i></div>
							<div class="content"><p class="title">首页</p></div>
						</a>
					</li>
					<li class="item">
						<a href="demo-list.html">
							<div class="left icon"><i class="fa fa-list"></i></div>
							<div class="content"><p class="title">列表</p></div>
						</a>
					</li>
					<li class="hr"></li>
					<li class="item">
						<a href="#">
							<div class="content"><p class="title">Test 3</p></div>
						</a>
					</li>
					<li class="item">
						<div class="content"><p class="title">Test 4</p></div>
					</li>
				</ul>
			</div><!-- /#menu -->
			<div class="page page-show" id="page1">
				<div class="TitleBar">
					<a class="button button-left btn-menu" data-menu="menu"><i class="fa fa-bars"></i></a>
					<div class="title">Menu And TitleBar</div>
					<div class="right-btns">
						<a id="more" class="button"><i class="fa fa-ellipsis-v"></i></a>
					</div>
				</div><!-- /.TitleBar -->
				<div class="content">
				</div>
			</div><!-- /.page -->
		</div><!-- /#wrapper -->
		<div id="bg"></div>
		<script src="js/zepto.min.js"></script>
		<script src="js/materialui.js"></script>
		<script src="js/test.js"></script>
	</body>
</html>